<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>路线</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
    <meta name="description" content="layuimini基于layui的轻量级前端后台管理框架，最简洁、易用的后台框架模板，面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架，无需复杂操作。">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/search.css">
    <link rel="icon" href="images/logo.jpg" type="image/x-icon" />
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <!--<link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
    <link rel="stylesheet" href="css/themes/default.css" media="all">
    <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">-->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        #search {
            top: 50px;
            height: 600px;
            width: 900px;
            background-color: rgb(0, 0, 0);
            overflow: visible;
            padding: 0;
        }
    </style>
    <style type="text/css">
         html{height:100%}    
         body{height:650px;margin-top:200px;margin-left: 50px;margin-right: 50px;padding:0px}    
         #container{
            overflow: hidden;
            height:100%;
            margin: 0;
            font-family: "微软雅黑";
        }
        #result{
            position: fixed;
            top: 60px;
            left: 20px;
            width: 300px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            background: #fff;
            box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
            border-radius: 7px;
            z-index: 99;
        }
    </style>
</head>
<body>
    <div id="head">
        <b>
            <div class="separt1"><div style="height: 10px;"></div><span class="logo">文化遗址系统</span></div>
            <div class="separt"><div style="height: 10px;"></div><a class="change" href="search.html"><span>查询</span></a></div>
            <div class="separt"><div style="height: 10px;"></div><a class="change" href="favorites.html"><span>收藏栏</span></a></div>
            <div class="separt"><div style="height: 10px;"></div><a class="change" href="want.html"><span>想去</span></a></div>
            <div class="separt"><div style="height: 10px;"></div><a class="change" href="did.html"><span>已去</span></a></div>
        </b>
        </div>


        
        <div id="container"></div>
        <div id='result'>根据起点和终点经纬度导航路线</div>
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=GWKMwlzTUGmMqnKCp5rxq6nRsDmefBCW">
        </script>
        <script type="text/javascript">
        var loc = location.href;
        var b;
            var n1 = loc.length;
            var n2 = loc.indexOf("=");
            if (n2 >= 0 && n2 <= n1) {
                var n3 = loc.substring(n2 + 1);
                var k = n3;
                var n11=k.length;
                var n22=k.indexOf("=");
                if(n22>0 && n22 <=n11){
                    var n33=k.substring(n22+1);
                    var a=n3.substring(0,n22-1);
                    var b=n33;
                }
            }
            var map = new BMapGL.Map("container");
            map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);
            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放

            var p1 = new BMapGL.Point(116.301934,39.977552);
            var p2 = new BMapGL.Point(a,b);

            var driving = new BMapGL.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true}});
            driving.search(p1, p2);
        </script>
</body>
</html>
